<!--
 * @Author: your name
 * @Date: 2020-12-04 11:42:03
 * @LastEditTime: 2020-12-17 14:42:13
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \H5 2010 studyd:\phpStudy\WWW\steam\html\list\list.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Steam 搜索</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/font/motivaSans.css">
    <link rel="stylesheet" href="/lib/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="/css/header.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="/css/nav.css">
    <link rel="stylesheet" href="/css/list/list.css">


</head>

<body>
    <!-- 导航栏 -->
    <header></header>

    <!-- 内容 -->
    <Section>
        <!-- 列表头部 -->
        <div class="page">

            <!-- 商店导航栏 -->
            <nav class="store-header"> </nav>

            <!-- 头部内容  -->
            <div class="header-content">
                <div class="content">
                    <div class="header-banner">
                        <img src="/images/public/nav/new_features_banner_schinese.png" alt="" class="banner">
                        <img src="/images/public/nav/labs_search_banner_hover.png" alt="" class="banner-background">
                    </div>
                    <h3>所有产品</h3>
                </div>
            </div>
        </div>

        <!-- 列表 -->
        <form action="">
            <div class="page-content">
                <div class="content">
                    <!-- 左边内容：列表 -->
                    <div class="left-content">

                        <!-- 搜索栏 -->
                        <div class="search-area">
                            <!-- 搜索框 -->
                            <div class="search-left">
                                <input type="text" class="defalut" placeholder="输入搜索词或标签">
                                <span class="list-searchBtn">搜索</span>
                            </div>

                            <!-- 排序下拉框 -->
                            <div class="sortBox">
                                <span class="sortTitle">
                                    排序依据
                                </span>
                                <div class="select-sort defalut">
                                    <span class="select-option">相关性</span>
                                    <em class="downArrow"></em>
                                    <ul>
                                        <li>
                                            <a href="#" class="selected">
                                                相关性
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="selection">
                                                发行日期
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="selection">
                                                名称
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="selection">
                                                价格从低到高
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="selection">
                                                价格从高到低
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="selection">
                                                用户评测
                                            </a>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>

                        <!-- 列表 -->
                        <div class="list">
                            <div class="result-count">
                                84,638 个匹配的搜索结果。
                            </div>
                            <div class="goods-list" id="listGames">
                                <!-- <a href="#" class="goods">
                                    <div class="inner good-img">
                                        <img src="/images/list/cyperpunk_2077.jpg" alt="">
                                    </div>

                                    <div class="inner good-content">
                                        <div class="good-title">
                                            赛博朋克 2077
                                        </div>
                                        <div class="good-platform">
                                            <span class="platform-img win"></span>
                                        </div>
                                    </div>
                                    <div class="inner good-date">
                                        2020年12月10日
                                    </div>
                                    <div class="inner good-review">
                                        <span class="review positive">
                                            <span class="review-detail">
                                                特别好评<br>
                                                121,679 篇用户的游戏评测中有 94% 为好评。
                                            </span>
                                        </span>
                                    </div>
                                    <div class="inner good-discount">
                                        <span>-99%</span>
                                    </div>                            
                                    <div class="inner good-price discount">
                                        <span class="price-even">￥298</span>
                                        <span class="price-now">￥3</span>
                                    </div>
                                    <div class="good-flag">

                                    </div>
                                </a>

                                <a href="#" class="goods">
                                    <div class="inner good-img">
                                        <img src="/images/list/hades.jpg" alt="">
                                    </div>
                                    <div class="inner good-content">
                                        <div class="good-title">
                                            Hades
                                        </div>
                                        <div class="good-platform">
                                            <span class="platform-img win"></span>
                                        </div>
                                    </div>
                                    <div class="inner good-date">
                                        2020年9月17日
                                    </div>
                                    <div class="inner good-review">
                                        <span class="review positive">
                                            <span class="review-detail">
                                                特别好评<br>
                                                86,984 篇用户的游戏评测中有 98% 为好评。
                                            </span>
                                        </span>
                                    </div>
                                    <div class="inner good-discount">
                                    </div>                             
                                    <div class="inner good-price no-discount">
                                        <span class="price-now">￥80</span>
                                    </div>
                                </a>

                                <a href="/html/detail/detail.html" class="goods">
                                    <div class="inner good-img">
                                        <img src="../../images/list/Red_Dead_Redemption2.jpg" alt="">
                                    </div>

                                    <div class="inner good-content">
                                        <div class="good-title">
                                            Red Dead Redemption 2
                                        </div>
                                        <div class="good-platform">
                                            <span class="platform-img win"></span>
                                        </div>
                                    </div>
                                    <div class="inner good-date">
                                        201920年12月6日
                                    </div>
                                    <div class="inner good-review">
                                        <span class="review positive">
                                            <span class="review-detail">
                                                特别好评<br>
                                                128,670 篇用户的游戏评测中有 82% 为好评。
                                            </span>
                                        </span>
                                    </div>
                                    <div class="inner good-discount">
                                        <span>-33%</span>
                                    </div>                            
                                    <div class="inner good-price discount">
                                        <span class="price-even">￥249</span>
                                        <span class="price-now">￥166</span>
                                    </div>
                                    <div class="good-flag">

                                    </div>
                                </a> -->
                            </div>

                            <script type='text/html' id="listGamesTemplate">
                                {{each listGame item}}
                                <a href="/html/detail/detail.html?{{item.id}}" class="goods">
                                    <div class="inner good-img">
                                        <img src="{{item.imgList}}" alt="">
                                    </div>

                                    <div class="inner good-content">
                                        <div class="good-title">
                                            {{item.name}}
                                        </div>
                                        <div class="good-platform">
                                            <span class="platform-img win"></span>
                                        </div>
                                    </div>
                                    <div class="inner good-date">
                                        {{item.list.issueDate}}
                                    </div>
                                    <div class="inner good-review">
                                        <span class="review {{item.list.review}}">
                                            <span class="review-detail">
                                                {{item.list.reviewCN}}<br>
                                                {{item.list.reviewCount}} 篇用户的游戏评测中有 {{item.list.reviewPct}} 为好评。
                                            </span>
                                        </span>
                                    </div>
                                    <div class="inner good-discount">
                                        <span>-{{item.discountPct}}%</span>
                                    </div>                            
                                    <div class="inner good-price discount">
                                        <span class="price-even">￥{{item.originPrice}}</span>
                                        <span class="price-now">￥{{item.finalPrice}}</span>
                                    </div>
                                    <div class="good-flag">

                                    </div>
                                </a>
                                {{/each}}

                            </script>
                            
                        </div>
                        
                    </div>

                    <!-- 右边内容：筛选 -->
                    <div class="right-content">
                         <div class="block collapse_block">
                            <div class="block-header">
                                依价格缩小范围
                                <div class="labs"></div>
                            </div>
                            <div class="block-content">
                                <div class="range">
                                    <input type="range" class="range-line" min="0" max="13" step="1" value="13">
                                    <div class="range-text">
                                        任意价格
                                    </div>
                                </div>
                                <div class="block-line"></div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">特惠</span>
                                </div>
                            </div>
                         </div>

                         <div class="block">
                             <div class="block-header">
                                 依语言缩小范围
                             </div>
                            <div class="block-content">
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label"> 简体中文</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">繁体中文</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">日语</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">韩语</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">泰语</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">保加利亚语</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">捷克语</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">丹麦语</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">德语</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">英语</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">西班牙语-西班牙</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">西班牙语-拉丁美洲</span>
                                </div>
                            </div>
                            <a href="#" class="see-all">
                                查看全部
                            </a>
                         </div>
                         
                         
                         <div class="block collapse_block">
                             <div class="block-header">
                                 依偏好缩小范围
                                 <div class="labs"></div>
                             </div>
                            <div class="block-content">
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">隐藏忽略项目</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">隐藏我库中的项目</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">隐藏我愿望单中的项目</span>
                                </div>
                            </div>
                         </div>
                         
                         <div class="block collapse_block">
                             <div class="block-header">
                                 依标签缩小范围
                                 <div class="labs"></div>
                             </div>
                            <div class="block-content">
                                <div class="gameTag">
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">独立</span>
                                            <span class="tab-control-count">52,824</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">动作</span>
                                            <span class="tab-control-count">36,338</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">冒险</span>
                                            <span class="tab-control-count">31,432</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">休闲</span>
                                            <span class="tab-control-count">29,823</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">单人</span>
                                            <span class="tab-control-count">31,432</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">模拟</span>
                                            <span class="tab-control-count">20,474</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">策略</span>
                                            <span class="tab-control-count">19,324</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">角色扮演</span>
                                            <span class="tab-control-count">17,524</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">二维</span>
                                            <span class="tab-control-count">11,864</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">氛围</span>
                                            <span class="tab-control-count">9,577</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">解谜</span>
                                            <span class="tab-control-count">8,682</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">剧情丰富</span>
                                            <span class="tab-control-count">7,660</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">多人</span>
                                            <span class="tab-control-count">7,441</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">抢先体验</span>
                                            <span class="tab-control-count">7,304</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">好评原声音轨</span>
                                            <span class="tab-control-count">7,055</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                    <div class="tab-control"> 
                                        <span class="tab-control-inner">
                                            <span class="tab-control-checkbox"></span>
                                            <span class="tab-control-label">奇幻</span>
                                            <span class="tab-control-count">6,563</span>
                                        </span>
                                        <span class="tab-control-not">
                                            <img src="/images/list/search_checkbox_not.svg" alt="">
                                        </span>
                                    </div>
                                </div>
                                <input type="text" class="tagSearch tagSearch-default" placeholder="搜索更多标签">
                            </div>
                            <a href="#" class="see-all">
                                查看全部
                            </a>
                         </div>
                         
                         <div class="block collapse_block">
                             <div class="block-header">显示已选择类型</div>
                            <div class="block-content">
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">游戏</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">软件</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">DLC</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">试玩游戏</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">原声带</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">视频</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">模组</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">硬件</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">包含捆绑包</span>
                                </div>
                            </div>
                         </div>
                         
                         <div class="block collapse_block">
                             <div class="block-header">依玩家人数缩小范围</div>
                            <div class="block-content">
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">单人</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">多人</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">玩家对战</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">线上玩家对战</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">局域网玩家对战</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">共享/分屏玩家对战</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">合作</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">在线合作</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">局域网合作</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">共享/分屏合作</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">共享/分屏</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">跨平台联机游戏</span>
                                </div>
                            </div>
                         </div>
                         
                         <div class="block collapse_block">
                             <div class="block-header">依功能特色缩小范围</div>
                            <div class="block-content">
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">用 Steam 控制器游玩</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">额外高品质音频</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">Steam 成就</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">完全支持控制器</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">Steam 集换式卡牌</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">支持字幕</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">Steam 创意工坊</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">SteamVR 收藏品</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">部分支持控制器</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">Steam 云</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">启用 Valve 反作弊保护</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">包括 Source SDK</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">在手机上远程畅玩</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">在平板上远程畅玩</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">在电视上远程畅玩</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">远程同乐</span>
                                </div>
                            </div>
                         </div>
                         
                         <div class="block collapse_block">
                             <div class="block-header">
                                 依支持虚拟现实缩小范围
                             </div>
                            <div class="block-content">
                                <div class="tab-control">
                                    <span class="tab-control-inner">
                                        <span class="tab-control-checkbox"></span>
                                        <span class="tab-control-label">VR 独占</span>
                                    </span>
                                    <span class="tab-control-not">
                                        <img src="/images/list/search_checkbox_not.svg" alt="">
                                    </span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">支持 VR</span>
                                </div>
                                <div class="block-header">头戴式显示器</div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">Valve Index</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">HTC Vive</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">Oculus Rift</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">Windows Mixed Reality</span>
                                </div>
                                <div class="block-header">输入设备</div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">定位运动控制器</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">手柄</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">键盘 / 鼠标</span>
                                </div>
                                <div class="block-header">游玩范围</div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">就座</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">站立</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">房间规模</span>
                                </div>
                            </div>
                         </div>
                         
                         <div class="block collapse_block">
                            <div class="block-header">依操作缩小范围</div>
                           <div class="block-content">
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">Windows</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">Mac OS X</span>
                                </div>
                                <div class="tab-control"> 
                                    <span class="tab-control-checkbox"></span>
                                    <span class="tab-control-label">SteamOs + Linux</span>
                                </div>
                           </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </Section>

    <!-- 底部栏 -->
    <footer></footer>
</body>

<script src="/lib/requirejs/require.js" data-main='/js/list/list'></script>

</html>